<template>
  <c-timeline
    :data="data"
    :option="{
      timestamp: 'begin_time'
    }"
    class="c-eqpt-list-view-work-next"
  >
    <template #default="{item}">
      <c-card>
        <c-row :col="6">
          <c-col top>
            <c-row class="c-eqpt-list-view-work-next-item">
              <c-col>
                <span class="c-eqpt-list-view-work-next-label">
                  {{ multLang('title_error_a', ':') }}
                </span>
              </c-col>
              <c-col>
                <span class="c-eqpt-list-view-work-next-value">
                  {{ item.relation_type }}
                </span>
              </c-col>
            </c-row>
            <c-row class="c-eqpt-list-view-work-next-item">
              <c-col>
                <span class="c-eqpt-list-view-work-next-label">
                  {{ multLang('title_error_b', ':') }}
                </span>
              </c-col>
              <c-col>
                <span class="c-eqpt-list-view-work-next-value">
                  {{ item.code_name }}
                </span>
              </c-col>
            </c-row>
            <c-row class="c-eqpt-list-view-work-next-item">
              <c-col>
                <span class="c-eqpt-list-view-work-next-label">
                  {{ multLang('title_created_a', ':') }}
                </span>
              </c-col>
              <c-col>
                <span class="c-eqpt-list-view-work-next-value">
                  {{ item.begin_time }}
                </span>
              </c-col>
            </c-row>
          </c-col>
          <c-col right top>
            <div>
              <el-tag>{{ item.work_type_name }}</el-tag>
            </div>
            <c-row class="c-eqpt-list-view-work-next-rb">
              <c-col>
                <span class="c-eqpt-list-view-work-next-label">
                  {{ multLang('title_af', ':') }}
                </span>
              </c-col>
              <c-col>
                <span class="c-eqpt-list-view-work-next-name">
                  {{ item.username }}
                </span>
              </c-col>
            </c-row>
          </c-col>
        </c-row>
      </c-card>
    </template>
  </c-timeline>
</template>
<script>
export default {
  name: 'CEqptListViewWorkNext',
  components: {},
  props: {
    data: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
  beforeUpdate() {},
  updated() {},
  activated() {},
  deactivated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {
    query() {}
  }
}
</script>
<style lang="scss">
.c-eqpt-list-view-work-next {
  position: relative;

  &-item {
    margin-bottom: 10px;
  }
  &-label {
    color: #666;
    padding-right: 10px;
  }
  &-value {
    color: #333;
  }
  &-name {
    color: #409eff;
  }
  &-rb {
    position: absolute;
    bottom: 24px;
    right: 14px;
  }
}
</style>
